<!DOCTYPE html>
<html>

<head>
    <title>值班账单</title>
    <#include "/header.html">
</head>

<body>
<div id="app" v-cloak>
    <el-row>
        <el-col :span="9"><div class="grid-content bg-purple-dark">
                <span style="color: #1ab7ea">订单状态: </span>
                <el-radio-group v-model="radioProduct" @change="changeProduct">
                    <el-radio :label="''">全部</el-radio>
                    <el-radio :label="3">生产中</el-radio>
                    <el-radio :label="4">生产完成</el-radio>
                    <el-radio :label="6">已完成</el-radio>
                </el-radio-group>
        </div></el-col>
        <el-col :span="6"><div class="grid-content bg-purple-dark"></div>
            <span style="color: #1ab7ea">订单时间: </span>
            <el-radio-group v-model="q.radioTime" @change="changeTime">
                <el-radio :label=0>全部</el-radio>
                <el-radio :label=1>当天</el-radio>
                <el-radio :label=2>当月</el-radio>
            </el-radio-group></el-col>
        <el-col :span="9">
            <el-row>
                <!--<el-col :span="3"><div class="grid-content bg-purple-dark"><span style="color: #1ab7ea">金额统计</span></div></el-col>-->
                <el-col :span="5"><div class="grid-content bg-purple-dark"><span style="color: #1ab7ea">总金额: {{payedMoney}}</span></div></el-col>
                <el-col :span="5"><div class="grid-content bg-purple-dark"><span style="color: #1ab7ea">现金: {{cashTatal}}</span></div></el-col>
                <el-col :span="5"><div class="grid-content bg-purple-dark"><span style="color: #1ab7ea">支付宝: {{alipayTatal}}</span></div></el-col>
                <el-col :span="5"><div class="grid-content bg-purple-dark"><span style="color: #1ab7ea">微信: {{weixinTatal}}</span></div></el-col>
                <el-col :span="4"><div class="grid-content bg-purple-dark"><span style="color: #1ab7ea">银联: {{unTatal}}</span></div></el-col>
            </el-row>
        </el-col>
    </el-row>
    <el-row>
        <el-col :span="8"><div class="grid-content bg-purple-dark">
                <span style="color: #1ab7ea">付款状态: </span>
                <el-radio-group v-model="q.payStatus" @change="changePay">
                    <el-radio :label="''">全部</el-radio>
                    <el-radio :label="0">未付款</el-radio>
                    <el-radio :label="1">已付款</el-radio>
                </el-radio-group>
        </div></el-col>
        <el-col :span="8"><div class="grid-content bg-purple-dark"></div></el-col>
        <el-col :span="8"><div class="grid-content bg-purple-dark"></div></el-col>
    </el-row>
        <!--查询-->
        <el-form :inline="true" v-model="q" size="small">
            <el-form-item>
                <el-input v-model.trim="q.orderId" placeholder="订单号" size="small"></el-input>
            </el-form-item>
            <el-form-item>
                <el-input v-model.trim="q.name" placeholder="客户名称" size="small"></el-input>
            </el-form-item>
            <el-date-picker size="small" v-model="q.beginCreatetime" type="datetime" placeholder="下单时间起"></el-date-picker><span>至</span>
            <el-date-picker size="small" v-model="q.endCreatetime" type="datetime" placeholder="下单时间止"></el-date-picker>
            <el-button type="primary" size="small" icon="el-icon-search" @click="search"></el-button>
            <el-button type="primary" size="small" @click="rest">重置</el-button>
            <el-button type="primary" size="small" @click="exportExcel">导出</el-button>
        </el-form>
        <!--表格-->
        <el-table ref="tableData" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.8)" :data="tableData" border highlight-current-row class="tb-edit" :default-sort="{prop: 'sid', order: 'ascending'}" @selection-change="handleSelectionChange" @row-click="handleclick" size="small">
            <el-table-column type="index" label="序号"></el-table-column>
            <el-table-column prop="orderId" label="订单号"></el-table-column>
            <el-table-column prop="memberId" label="客户名称" width="300" show-overflow-tooltip></el-table-column>
            <el-table-column prop="shipTel" label="联系电话"></el-table-column>
            <el-table-column prop="createtime" label="开单日期"></el-table-column>
            <el-table-column prop="payment" label="收款方式" width="150"></el-table-column>
            <el-table-column prop="payed" label="付款金额" width="100"></el-table-column>
            <el-table-column prop="pmtGoods" label="优惠金额" width="100"></el-table-column>
            <el-table-column prop="money" label="押金金额" width="100"></el-table-column>
            <el-table-column prop="productionStatus" label="订单状态" width="100"></el-table-column>
            <el-table-column prop="projectName" label="项目名称" show-overflow-tooltip></el-table-column>
            <el-table-column prop="addon" label="规格属性" show-overflow-tooltip></el-table-column>
            <el-table-column prop="memo" label="备注" show-overflow-tooltip></el-table-column>
        </el-table>
        <div align="center">
            <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
             :page-sizes="[20, 50, 80, 100]" :page-size="pagesize"  layout="total, sizes, prev, pager, next, jumper" :total="totalCount" background>
            </el-pagination>
        </div>
</div>


<script src="${request.contextPath}/statics/js/modules/mercharReport/twbOrderinfo.js?_${.now?long}"></script>

</body>
</html>